<?xml version="1.0" encoding="ISO-8859-1"?>

<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j" version="2.1">

	<ui:composition template="/template/pPrincipalHistoriaClinica.jspx">
		<ui:define name="head">
			<title>Menu Principal</title>
		</ui:define>

		<ui:define name="bodyarea">
			<!-- contenido del cuerpo -->

			<rich:panel>
				<f:facet name="header">
					<h:outputText styleClass="outputText" id="lblTitulo"
						value="MANTENIMIENTO DE HISTORIAS CLINICAS">
					</h:outputText>
				</f:facet>


				<!-- Panel  -->
				<rich:panel headerClass="cabeceraPanel">
					<f:facet name="header">
						<h:outputText value="Resultados" />
					</f:facet>

					<rich:dataTable id="tablaHistoriaClinica" width="90%"
						value="#{historiaClinicaMB.listaHistoriaClinica}" var="fila"
						headerClass="headerTable" cellpadding="4" cellspacing="0"
						columnClasses="columnTable">

						<rich:column sortBy="#{fila.campo1}">
							<f:facet name="header">
								<h:outputText value="H/C" />
							</f:facet>

							<h:outputLink value="#" id="link">
								<rich:componentControl attachTo="link"
									for="panelMantenimientoHCAP" event="click" operation="show">
									<h:outputText value="#{fila.campo1}" />
								</rich:componentControl>
							</h:outputLink>

						</rich:column>

						<rich:column sortBy="#{fila.campo2}">
							<f:facet name="header">
								<h:outputText value="Autogenerado" />
							</f:facet>
							<h:outputText value="#{fila.campo2}" />
						</rich:column>

						<rich:column sortBy="#{fila.campo3}">
							<f:facet name="header">
								<h:outputText value="Tp" />
							</f:facet>
							<h:outputText value="#{fila.campo3}" />
						</rich:column>

						<rich:column sortBy="#{fila.campo4}">
							<f:facet name="header">
								<h:outputText value="Apellidos y Nombres" />
							</f:facet>
							<h:outputText value="#{fila.campo4}" />
						</rich:column>

						<rich:column sortBy="#{fila.campo8}">
							<f:facet name="header">
								<h:outputText value="P" />
							</f:facet>
							<h:outputText value="#{fila.campo8}" />
						</rich:column>

						<rich:column sortBy="#{fila.campo5}">
							<f:facet name="header">
								<h:outputText value="Vigenc" />
							</f:facet>
							<h:outputText value="#{fila.campo5}" />
						</rich:column>

						<rich:column sortBy="#{fila.campo6}">
							<f:facet name="header">
								<h:outputText value="Sex" />
							</f:facet>
							<h:outputText value="#{fila.campo6}" />
						</rich:column>

						<rich:column sortBy="#{fila.campo9}">
							<f:facet name="header">
								<h:outputText value="R" />
							</f:facet>
							<h:outputText value="#{fila.campo9}" />
						</rich:column>

						<rich:column sortBy="#{fila.campo10}">
							<f:facet name="header">
								<h:outputText value="S" />
							</f:facet>
							<h:outputText value="#{fila.campo10}" />
						</rich:column>

						<rich:column sortBy="#{fila.campo7}">
							<f:facet name="header">
								<h:outputText value="Edad" />
							</f:facet>
							<h:outputText value="#{fila.campo7}" />
						</rich:column>



						<rich:column>
							<f:facet name="header">
								<h:outputText value="" />
							</f:facet>
							<h:outputLink value="#" id="link2">
								<h:outputText value="Detalle" />
								<rich:componentControl for="panel" attachTo="link2"
									operation="show" event="onclick" />
							</h:outputLink>
						</rich:column>
					</rich:dataTable>


					<rich:jQuery selector="#tablaUsuarios tr:odd" timing="onload"
						query="addClass('deseleccionado')" />
					<rich:jQuery selector="#tablaUsuarios tr"
						query="mouseover(function(){jQuery(this).addClass('seleccionado')})" />
					<rich:jQuery selector="#tablaUsuarios tr"
						query="mouseout(function(){jQuery(this).removeClass('seleccionado')})" />

				</rich:panel>


				<h:panelGrid columns="2">
					<h:outputText value=" " />

				</h:panelGrid>

				<h:commandButton styleClass="btnAgregar" type="submit"
					style="vertical-align: top">
				</h:commandButton>

			</rich:panel>

			<rich:modalPanel autosized="true" id="panelMantenimientoHCAP"
				width="600">
				<f:facet name="header">
					<h:panelGroup id="pnlCabecera">
						<h:outputText value="Agregar" id="txtLIstadoEjecutivos"></h:outputText>

					</h:panelGroup>
				</f:facet>
				<f:facet name="controls">
					<h:panelGroup>
						<h:commandButton styleClass="icoClose" id="hidelinkEjecutivos" />
						<rich:componentControl for="panelMantenimientoHCAP"
							attachTo="hidelinkEjecutivos" operation="hide" event="onclick" />
					</h:panelGroup>
				</f:facet>
				<h:form id="formEjecutivos">
					<h:panelGrid id="pnlGridTree" columns="6" styleClass="texto"
						width="80%">
						<h:outputText value="F. filiacion" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo1}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="Quien Afilio " />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo2}" />
						<h:outputText value="Hora" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo3}"
							styleClass="outputText" disabled="true" />

						<h:outputText value="Cod. Titular" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo4}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="Autogenerado" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo5}"
							styleClass="outputText" disabled="true" />
						<h:outputText value=" " />
						<h:outputText value=" " />

						<h:outputText value="Ape. Nombres" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo4}"
							styleClass="outputText" disabled="true" />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />

						<h:outputText value="Sexo" />
						<h:selectOneMenu id="selSex" styleClass="textoSex">
							<f:selectItem itemLabel="Masculino" itemValue="1" />
							<f:selectItem itemLabel="Femenino" itemValue="2" />
						</h:selectOneMenu>
						<h:outputText value="Fecha Nacimiento" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo8}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="Edad" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo9}"
							styleClass="outputText" disabled="true" />
					</h:panelGrid>

					<h:panelGrid columns="6" styleClass="texto" width="80%">
						<h:outputText value="Ubic. Nacmto" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo14}"
							styleClass="outputText" disabled="true" />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />

						<h:outputText value="Domicilio" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo15}"
							styleClass="outputText" disabled="true" />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />


						<h:outputText value="Ub. Domicilio" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo16}"
							styleClass="outputText" disabled="true" />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />

						<h:outputText value="T. Asegurado" />
						<h:inputText
							value="#{historiaClinicaMB.listaMantenimientoHC[0].campo17}#{historiaClinicaMB.listaMantenimientoHC[0].campo18}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="Obs." />
						<h:inputText
							value="#{historiaClinicaMB.listaMantenimientoHC[0].campo19}#{historiaClinicaMB.listaMantenimientoHC[0].campo20}"
							styleClass="outputText" disabled="true" />
						<h:outputText value=" " />
						<h:outputText value=" " />

						<h:outputText value="Empleador" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo21}"
							styleClass="outputText" disabled="true" />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />



					</h:panelGrid>

					<h:panelGrid columns="6" styleClass="texto" width="80%">
						<h:outputText value="Estad. Civil" />
						<h:selectOneMenu id="selEstadoCivil" styleClass="textoSex">
							<f:selectItem itemLabel="Soltero" itemValue="1" />
							<f:selectItem itemLabel="Casado" itemValue="2" />
							<f:selectItem itemLabel="Viudo" itemValue="3" />
							<f:selectItem itemLabel="Divorciado" itemValue="4" />
						</h:selectOneMenu>
						<h:outputText value="Doc. Ident." />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo23}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="Docum" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo24}"
							styleClass="outputText" disabled="true" />


					</h:panelGrid>

					<h:panelGrid columns="4" styleClass="texto" width="80%">
						<h:outputText value="T. Parentesco" />
						<h:inputText
							value="#{historiaClinicaMB.listaMantenimientoHC[0].campo25}#{historiaClinicaMB.listaMantenimientoHC[0].campo26}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="Telefono" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo27}"
							styleClass="outputText" disabled="true" />

						<h:outputText value="Ocupacion" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo28}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="C.Asistencia" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo29}"
							styleClass="outputText" disabled="true" />

					</h:panelGrid>

					<h:panelGrid columns="8" styleClass="texto" width="80%">
						<h:outputText value="Raza" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo29}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="Sangre" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo30}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="Factor" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo31}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="F. Vigencia" />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo32}"
							styleClass="outputText" disabled="true" />

						<h:outputText value="Tmpo. Resid." />
						<h:inputText value="#{historiaClinicaMB.listaMantenimientoHC[0].campo29}"
							styleClass="outputText" disabled="true" />
						<h:outputText value="Asegurado" />
						<h:selectOneMenu id="selAsegurado" styleClass="textoSex">
						<f:selectItem  itemLabel="N" itemValue="1"/>
						<f:selectItem  itemLabel="C" itemValue="2"/>
						<f:selectItem  itemLabel="R" itemValue="3"/>
						</h:selectOneMenu>
						
						
						<h:outputText value="Referido" />
						<h:selectOneMenu id="selReferido" styleClass="textoSex">
						<f:selectItem  itemLabel="R" itemValue="1"/>
						<f:selectItem  itemLabel="C" itemValue="2"/>
						</h:selectOneMenu>
						<h:outputText value="" />
						<h:outputText value="" />


					</h:panelGrid>
				</h:form>
			</rich:modalPanel>


		</ui:define>

		<ui:define name="extraarea">
			<!-- contenido del extra -->
		</ui:define>
	</ui:composition>

</jsp:root>